﻿/* ====================================
ADMIN STYLES Site 
==================================== */
div.user{
	position:absolute;
	right:5px;
	top:5px;
	text-align:right;
	line-height:18px;
}
div.user span{
	color:#9a0103;
}
div.user a{
	color:#9a0103;
	text-decoration:underline;
}
div.user a:hover{
	color:#9a0103;
	text-decoration:none;
}


div.inbox{
	position:absolute;
	top:9px;
	right:13px;
	color:#fff;
	z-index:9999;
	width:200px;
	text-align:right;
}
div.inbox a{
	text-decoration:none;
	color:#fff;
}
div.inbox a:hover{
	color:#fff;
	text-decoration:underline;
}
div.content{
	float:left;
	padding-bottom:20px;
}
div.content div.left{
	width:200px;
	float:left;
}
div.item_left{
	padding-top: 10px;
}
div.title_item_left{
	background:url(../ImagesAdmin/bg_title.png) no-repeat right; 
	height:26px;
	margin-left:1px;
	margin-right:1px;
}
div.title_item_left div{
	background:url(../ImagesAdmin/bg_title.png) no-repeat left top;
	padding:5px 0 0px 10px;
	font-weight:bold;
	color:#fff;
	float:left;
}
div.contain_item_left{
	background:url(../ImagesAdmin/bg_quicklink.png) no-repeat bottom;
	padding:0px 10px 10px 10px;
	width:180px;
}
div.content div.right{
	width:780px;
	float:left;
	margin-left:5px;
}
div.footer{
	background:url(../ImagesAdmin/bg_footer.png) no-repeat;
	color:#999999;
	text-align:center;
	float:left;
	padding-bottom:30px;
	height:30px;
}

div.footer div{
	width:1000px;
}

div.item2{
    background:url("../ImagesAdmin/bg_testimonial.png") no-repeat scroll center bottom transparent;
	float:left;
	padding-bottom:10px;
}
div.item2_top{
    background:url("../ImagesAdmin/bg_testimonial.png") no-repeat scroll center top transparent;
    height:10px;
}
div.item2 p{
	margin:1px;
	padding:0px 11px 10px 11px;
	line-height:18px;
}

div.user_activity{
	background:url("../ImagesAdmin/bg_right1_bottom.png") no-repeat scroll center bottom transparent;
	float:left;
	width:999px;
}

div.user_activity_top{
	background:url("../ImagesAdmin/bg_right1.png") no-repeat scroll center top transparent;
	height:10px;
}

div.user_activity_bottom{
	background:url("../ImagesAdmin/bg_right1_bottom.png") no-repeat transparent;
    float:left;
    height:10px;
    width:999px;
}

div.module{
	background:url(../ImagesAdmin/bg_right.png) no-repeat bottom;
	float:left;
	width:790px;
}
div.module_top{
	background:url(../ImagesAdmin/bg_right.png) no-repeat top;
	height:10px;
}
div.title_module{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0px 0 20px 30px;
}

div.contain_module{
    background:url(../ImagesAdmin/bg_right.png) no-repeat bottom transparent;
	padding: 0px 12px 10px 10px;
	width:97%;
	float:right;
}

div.user_activity div.contain_module{
	background:url("../ImagesAdmin/bg_right1_repeat.png") repeat scroll center transparent;
	padding: 0px 20px 10px 10px;
	width:97%;
	float:right;
}

.table_module tr td{
	padding:0px 0px 0px 0px;
}

.table_module tr.title td.first{
	/*background:url("../ImagesAdmin/bg_title.png") repeat scroll left top transparent;*/
	background:url("../ImagesAdmin/bg_title1.png") repeat scroll left top transparent;
	border:medium none;
}

.table_module tr.title{
	padding:5px 0px;
}

.table_outsite
{
    width:97%;  
    margin-left:1.5%;
    border:0px;
}

.table_input
{
    width:97%;  
    margin-left:1.5%;
    border:1px solid #DDD;
    border-radius:5px;
    padding:10px 10px 10px 10px;
}

.table_inputIn
{
    width:100%;
    margin: 0px 0px 20px 0px; 
    border:1px solid #DDD;
    border-radius:5px;
    padding:10px 10px 10px 10px;
}

.table_inputIn1
{
    width:100%;
    margin: 0px 0px 10px 0px; 
    border:1px solid #DDD;
    border-radius:5px;
    padding:5px 10px 5px 10px;
    color: black;
}

.table_insite
{
    width:97%;  
    margin-left:1.5%;     
    padding:10px 10px 10px 10px;
}


div#tabs
{
    width:96.5%;  
    margin-left:1.5%;    
}

div.space{
	height:10px;
	width:100%;
}

.pagebreak{   
    width:97%;
    margin:10px 1.5%;
	background:url("../ImagesAdmin/bg_pagebreak.png") repeat scroll left top transparent;
	border:medium none;
}

.sectionbreak{   
    width:100%;
	background:url("../ImagesAdmin/hinhhome.png") repeat scroll left top transparent;
	border:medium none;
	height: 1px;
}
.divhome{   
    width:97%;
    margin: 10px 1.5%;
    color: blue;
    font-weight: bold;
	border:medium none;
}
.divhomeLichLamViec{   
    width:97%;
    margin: 10px 1.5%;   
	border:medium none;
}

#ViewLich{   
    width:97%;
    margin: 10px 1.5%;   
	border:medium none;
}
.pagebreakhome{     
     width:97%;
    margin:1px 1.5%;
    margin-top:10px;
	background:url("../ImagesAdmin/hinhhome.png") repeat scroll left top transparent;
	border:medium none;
    height: 1px;
    
}

.pagebreakin{     
    width:100%;
    margin:1px;
    margin-top:10px;
	background:url("../ImagesAdmin/hinhhome.png") repeat scroll left top transparent;
	border:medium none;
    height: 1px;
    
}

.table_module tr td.history{
	border:medium none;
	padding:1px 0;
	border-top:1px solid #E8E7E2;
}

.table_module tr td.history ul{
	padding:0 0 0 20px;
	margin:0;
}

.table_module tr.title td{
	color:#FFFFFF;
	font-weight:bold;
    line-height: 20px;
}

.table_module tr.title td a{
	color:#FFFFFF;
}

.table_module tr.title1 td a{
	color:white;
}

.table_module tr.title td a:hover{
	color:Orange;
}

.table_module img{
	margin-bottom:0px;
}

.table_module{
	width: 100%;
    font-size: 12px;
    color: #666666;
    border:0;
}

.default{
	width: 97%;
    margin-left:1.5%;
    font-size: 12px;
    color: #666666;
}
.thongtin {
     font-size:10pt; color:Blue; width: 10%
}
 
.giatri {
    font-size:10pt; color:Green;
}


select.style_select{
	border:1px solid #e6e5df;
	height:17px;height:19px;
	width:330px;
}
input.style_input{
	background:url(../ImagesAdmin/input1.gif) no-repeat;
	width:182px;
	padding:2px 7px 0 7px;
	height:20px;
	border:none;
}
.table_list{
	background:url(../ImagesAdmin/bg_table2.gif) no-repeat bottom;
    width:100%;
    border-color: #e8e7e2;
    border-collapse: collapse;
}
.table_list tr.title td{
	color:#fff;font-weight:bold;border:none;
	background:url(../ImagesAdmin/bg_title.png) center top;
    height:20px;
}
.table_list tr.title td.first{
	background:url(../ImagesAdmin/bg_title.png) left top;border:none;
	padding-left:10px;
}
.table_list tr.title td.last{
	background:url(../ImagesAdmin/bg_title.png) right top;border:none;
}
.table_list tr.title td strong a{
	color:#FFFFFF;
}
.column_center{
	text-align:center;
}
.table_list tr td{
	border-top:1px solid #e8e7e2;
	 border-right: 1px solid #eee;
	vertical-align:middle;
	line-height:22px;
	font-size:11px;
	color:#333;
	padding-left: 3px;
    padding-right: 2px;

}

.table_list tr td a:hover{
	color:red;
    text-decoration: none;
}
.table_list tr td.first{
	border-left:1px solid #e8e7e2;
	padding-left:10px;
}
.table_list tr td.last{
	border-right:1px solid #e8e7e2;
}
.table_list tr.active td{
	background:#f1f0ed;
	color:#900000;
}
.table_list tr.border_bottom td{
	border:1px solid #e8e7e2; border-width:1px 0 1px 0;background:#fff;
	height:16px;
}
.table_list tr.border_bottom td.first{ 
	background:url(../ImagesAdmin/border.gif) no-repeat left bottom;
	border:1px solid #e8e7e2; border-width:1px 0 0 0;
}
.table_list tr.border_bottom td.last{ 
	background:url(../ImagesAdmin/border.gif) no-repeat right bottom;
	border:1px solid #e8e7e2; border-width:1px 0 0 0;
}
.table_list tr.active_border_bottom td.first{ 
	background:url(../ImagesAdmin/border_active.gif) no-repeat left bottom;
	border:1px solid #e8e7e2; border-width:1px 0 0 0;
}
.table_list tr.active_border_bottom td{ 
	border:1px solid #e8e7e2; border-width:1px 0 1px 0;background:#f1f0ed;
}
.table_list tr.active_border_bottom td.last{ 
	background:url(../ImagesAdmin/border_active.gif) no-repeat right bottom;
	border:1px solid #e8e7e2; border-width:1px 0 0 0;
}
.red{
	color:red;
}

.red_bold{
	color:red;
    font-weight: bold;
}

.blue{
	color:blue;
}

.blue_bold{
	color:blue;
    font-weight: bold;
}
/* set style for all button disabled */
INPUT.button_disabled
{
 border:#93B8D9 1px solid;
 text-align:center;
 vertical-align:middle;
 font-size: 12px;
 width: 100px;
 color: #6A9CCB;
 font-family:  Verdana, Helvetica;
    font-weight:normal;
    line-height:24px;
    padding-bottom:5px;
 height: 24px;
 background-color:#FFFFFF;
}
/* set style for all active button  */
INPUT.button_active
{
    border: none;
    text-align:center;
    vertical-align:middle;
    font-size: 12px;
    width: 100px;
    height:24px;
	cursor:pointer; 
    color: #FFFFFF;
    font-weight:normal;
    line-height:24px;
    padding-bottom:5px;
    font-family:  Verdana, Helvetica;
    background:url(../ImagesAdmin/button2.gif) no-repeat top left;
}
INPUT.button_active:hover, INPUT.button_active:focus {
	background-position:0 -24px;
}

INPUT.button1{
	background:url(../ImagesAdmin/button.gif) no-repeat top left;
	width:56px;
	height:24px;
	text-align: center;
	vertical-align: middle;
	border:none;
	cursor:pointer; 
	font-size:12px;
	font-weight:normal;line-height:24px;padding-bottom:5px;
	color: #fff;
	margin-top:0px;
}

INPUT.button2{
	background:url(../ImagesAdmin/button2.gif) no-repeat top left;
	width:100px;
	height:24px;
	text-align: center;
	vertical-align: middle;
	border:none;
	cursor:pointer; 
	font-size:12px;
	font-weight:normal;line-height:24px;padding-bottom:5px;
	color: #fff;
	margin-top:0px;
}
INPUT.button3{
	background:url(../ImagesAdmin/button2.gif) repeat-x top left;
	width:200px;
	height:24px;
	text-align: center;
	vertical-align: middle;
	border:none;
	cursor:pointer; 
	font-size:12px;
	font-weight:normal;line-height:24px;padding-bottom:5px;
	color: #fff;
	margin-top:0px;
}

INPUT.button1:hover, INPUT.button1:focus {
	background-position:0 -24px;
}

INPUT.button2:hover, INPUT.button2:focus {
	background-position:0 -24px;
}
INPUT.button3:hover, INPUT.button3:focus {
	background-position:0 -24px;
}
/* For Input & Combo box 1*/
DIV.input_div1 {
	height:21px;
	padding-right: 5px;z-index:500;
	margin-top: 5px; 
	width: 205px;
}

DIV.input_div1 select {
	width:188px;
}

DIV.input_div1 span {
	background:url(../ImagesAdmin/select1_left.gif) no-repeat;
	height:21px;
	padding:3px 0 8px 5px;
	
	background:url(../ImagesAdmin/select1_left.gif) no-repeat left;
	display: block;
	padding:0 0 0 5px;
}

* html DIV.input_div1 span {
	display:block;
	padding-top:0; padding-bottom: 0px!important;
}

DIV.input_div1 span b {
	background:url(../ImagesAdmin/select1.gif) no-repeat right top;
	height:21px;
	padding: 3px 5px 5px 0;
	
	background:url(../ImagesAdmin/select1.gif) no-repeat right;
	display: block;
	padding: 2px 5px 0 0;
	height: 19px;
}

* html DIV.input_div1 span b {
	display:block;
	padding-top:3px!important; padding-bottom:0px;
}

input.input_div2 {
	height:14px;
	padding-right: 5px;z-index:500;
	margin-top: 4px; 
}

/* div2 */
DIV.input_div2 {
	height:21px;
	padding-right: 5px;z-index:500;
	margin-top: 5px; 
	width: 205px;
}

DIV.input_div2 select {
	width:227px;
}

DIV.input_div2 span {
	background:url(../ImagesAdmin/select1_left.gif) no-repeat;
	height:21px;
	padding:3px 0 8px 5px;
	
	background:url(../ImagesAdmin/select1_left.gif) no-repeat left;
	display: block;
	padding:0 0 0 5px;
}

* html DIV.input_div2 span {
	display:block;
	padding-top:0; padding-bottom: 0px!important;
}

DIV.input_div2 span b {
	background:url(../ImagesAdmin/select1.gif) no-repeat right top;
	height:21px;
	padding: 3px 5px 5px 0;
	
	background:url(../ImagesAdmin/select1.gif) no-repeat right;
	display: block;
	padding: 2px 5px 0 0;
	height: 19px;
}

* html DIV.input_div2 span b {
	display:block;
	padding-top:3px!important; padding-bottom:0px;
}

input.input{
	border:0px;
	background:none;
}

DIV.menu_button{
    float:right;
    padding-bottom:10px;
    padding-left:5px;
    padding-top:5px;
}

DIV.menu_button  a {
    text-decoration:none;
	color: #000;
}

DIV.menu_button  a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
  font-weight:      bold;
  background-color: 	#736F6E;
  color:            #fff;
  } 

DIV.filter{
    float:right;
	width:98%;
	padding-bottom:5px;
	padding-top:0px;
}

DIV.filter_select{
	float:left;
	width:100%;
}

tr.item_row:hover{
	background-color: #f1f0ed;
}

tr.item_row_bold:hover{
	background-color: #f1f0ed;
}

.input_div1{
	margin-top: 5px; 
	width: 250px;
}

ul#browser{
	font-size:11px;
    line-height:18px;
    margin:1px;
    padding:0 9px 10px;
}

div#login_notes{
	width: 100%;
	text-align:left;
	
	border-left: 2px outset #000000;
	padding-left:3px;
}

div#login_form{	
	float:left;
	width: 100%;
}

.login{
	width: 60%;
	height:400px;
	padding:50px 0 0 300px;
}

.content_login
{
    float:left;
	width: 98%;
	
}

.login_header{
	background:url("../ImagesAdmin/bg_header3.png") no-repeat scroll center bottom transparent;
	height:30px;
}

.login_header_text{
	width:100%;
	color:red;
    font-size:14px;
    left:10px;
    position:absolute;
}

div#login_title{
	text-align: left;
	padding-bottom: 45px;
    padding-left: 50px;
	color: red;
	font-size:15px;
}

select.selectListMultiple{
	width:340px;
}

.grid_selected{
	background-color: #f1f0ed;
}

.control_panel_link {
    list-style: none;
    padding-left:0px;
}

.control_panel_link li img {
    vertical-align: middle;
}

.control_panel_link li a {
    text-decoration:none;
	color: #9A0103;
}

.control_panel_link li a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
  font-weight:      bold;
  background-color: 	#736F6E;
  color:            #fff;
  } 
  
div.report_home{
    margin-top:10px
}

tr.item_row{
    cursor:pointer;
}

tr.item_row_bold{
    cursor:pointer;
    font-weight: bold;
}

.gray{
    color: Gray;
}

.none {
background:none;
border:none;
float:left;
margin:1px;
padding:5px 1px 1px;
}


/* Tỉnh */

.background_arrow_down{background-image: url(../ImagesAdmin/icon_arrow_down.png); background-repeat:no-repeat}
.background_arrow_up{background-image: url(../ImagesAdmin/icon_arrow_up.png); background-repeat:no-repeat}
#arrow{height:32px; width:32px; }
#arrow1{height:32px; width:32px; }
#arrow2{height:32px; width:32px; }
.arrow{height:32px; width:32px; }
.tinh_taohochieu
{border:1px solid #333333; 
 line-height:15px; 
 width:90%;
 margin-left:1.5%;
 padding: 15px 0 10px 0;
 unicode-bidi:normal; 
 
 background-color:#f1f0ed;}
 .tinh_taohochieu1
{border:1px solid #333333; 
 line-height: 15px; 
 width:97%;
 margin-left:1.5%;
 padding: 15px 0 10px 0;
 unicode-bidi:normal; 
 
 background-color:#f1f0ed;}


.DivHometop{width: 100%; margin-left:20px;margin-top: 5px;}
.DivHometopTd{font-size: 14px; padding-right:20px;width: 25%; font-weight: bold}
.DivHometop a:hover{ color: red;text-decoration: none}
/* end tỉnh*/


/*Đạt*/
.left_content_login {width:370px; background:url(../ImagesAdmin/bg_login_left.jpg) no-repeat}
.top_center_login {width:334px; height:130px; background:url(../ImagesAdmin/bg_topleft.jpg) no-repeat;}
.center_login {width:334px; height:141px; background:url(../ImagesAdmin/bg_center.jpg) no-repeat;}
.bottom_form_login {background:url(../ImagesAdmin/bg_bottomleft.jpg) no-repeat; width:100%; height:60px; float:left}
.right_login{padding:0 100px 0 70px; color:#333; line-height:20px; font-size:12px; text-align:justify}
/*End Đạt*/

/*Đức*/
.Expanted {background: url(../ImagesAdmin/minus.png); width:8px; height:8px; display: inline-block; vertical-align:middle;}
.UnExpanted {background: url(../ImagesAdmin/plus.png); width:8px; height:8px; display: inline-block; vertical-align: middle;}
td.red 
{
    color: Red;
    width: 12px;
}

div.overcome 
{
    width: 85%; border: 1px solid #999; overflow:auto; height: 90px; border-radius:5px 5px 5px 5px;
                line-height: 25px; margin-left: 47px; margin-bottom: 10px; display: none
}
div.nonovercome 
{
    width: 85%; border: 1px solid #999; overflow:auto; border-radius:5px 5px 5px 5px;
                line-height: 25px; margin-left: 47px; margin-bottom: 10px; display: none
}

a.red
{
    color: Red;
    width: 12px;
}

.XemChiTiet {
    width: 95%; text-align: left; font-size: 10px;padding-top: 10px;padding-left: 10px;
}
.XemChiTiet a {
    color: #999;
}
.XemChiTiet a:hover {
    color: blue;text-decoration: none;
}
.CayTheoDoi{font-weight: bold}

.msg_success  
{
    font-size: 12px; color: Blue; font-weight: bold;
}
.msg_fail 
{
    font-size: 12px; color: Red; font-weight: bold;
}

